/*
 * @Author       : 飞越疯人院 353362604@qq.com
 * @Date         : 2023-08-30 17:50:41
 * @LastEditTime : 2023-08-30 22:42:21
 * @LastEditors  : 飞越疯人院 353362604@qq.com
 * @FilePath     : \AdminStration\src\Pages\Admin\Other\SceneMap.jsx
 * @Description  :
 */
import './Sass/SceneMap.scss'
import { ProjectMap002 } from '../../Front/Common/Template/ProjectMap'
import { useLocation } from 'react-router-dom'
import { parseURLParams } from '../../../Common/Configure/Common'
import { useEffect, useState } from 'react'

const sceneId = 'ab88e56f-bec5-4489-a160-584eaf9d418e'

const CenterList = {
    // TODO 主线
    // 萝嘉 - 保兴
    101: { lat: 48.47043, lng: 130.614399, alt: 33611.5, heading: 51.7, pitch: -86.4 },
    // 保兴 - 嘉荫
    102: { lat: 48.737442, lng: 130.486549, alt: 29964.5, heading: 79.4, pitch: -89.8 },
    // 嘉荫 - 嘉逊
    103: { lat: 49.192931, lng: 129.697786, alt: 75926.1, heading: 35.3, pitch: -89.8 },
    // 嘉逊- 逊克
    104: { lat: 49.480476, lng: 128.857699, alt: 53601.6, heading: 28.2, pitch: -89.5 },
    // 卧牛 - 黒呼
    105: { lat: 50.664541, lng: 127.225031, alt: 69111.3, heading: 72.5, pitch: -86.9 },
    // 黒呼 - 老道店
    106: { lat: 51.145366, lng: 126.93969, alt: 38503.2, heading: 59.9, pitch: -89.3 },
    // 老道店 - 呼玛
    107: { lat: 51.492221, lng: 126.731456, alt: 45851, heading: 82.4, pitch: -89.5 },

    // TODO 连接线
    // 南北岗
    201: { lat: 48.224823, lng: 134.518505, alt: 3906.6, heading: 100, pitch: -33.7 },
    // 京抚 - 东升
    202: { lat: 48.262405, lng: 134.542818, alt: 1227.4, heading: 36, pitch: -31.9 },
    // 京抚 - 大蜂场
    203: { lat: 48.311798, lng: 134.31877, alt: 2123.2, heading: 344.1, pitch: -43.1 },
    // 京抚 - 星火
    204: { lat: 47.979418, lng: 134.245981, alt: 9423.7, heading: 356.2, pitch: -55.6 },
    // 青河 - 东平
    205: { lat: 47.731343, lng: 132.958587, alt: 8405.8, heading: 279.9, pitch: -54.5 },
    // 秀山 - 红卫
    206: { lat: 47.609775, lng: 132.695763, alt: 7553, heading: 32.8, pitch: -40.7 },
    // 向阳 - 前卫
    207: { lat: 47.487116, lng: 132.474014, alt: 3038.8, heading: 33.2, pitch: -23.5 },
    // 东连山 - 望江
    208: { lat: 47.335333, lng: 131.982315, alt: 4612.2, heading: 7.8, pitch: -42.7 },
    // 宝泉岭 - 团结
    209: { lat: 47.28982, lng: 130.863003, alt: 7332.2, heading: 354.5, pitch: -31.7 },
    // 稻田口
    210: { lat: 48.709232, lng: 130.124161, alt: 7633.9, heading: 329.6, pitch: -30.7 },
    // 地窑村
    211: { lat: 50.269728, lng: 127.296909, alt: 2295.1, heading: 48.7, pitch: -36.7 },
    // 张地营子
    212: { lat: 50.582537, lng: 127.324528, alt: 5007.7, heading: 290.7, pitch: -85 },
}

const SceneMap = () => {
    const { search } = useLocation()
    const [Center, setCenter] = useState()

    // parseURLParams
    useEffect(() => {
        setCenter(parseURLParams(search).center)
    }, [search])

    return <div className="SceneMap">{Center && <ProjectMap002 uuid={sceneId} data={CenterList[Center]} />}</div>
}

export default SceneMap
